<template>
  <div class="index-all-applist">
    <div class="applist-title">
      <h1 class="applist-text">全部应用</h1>
    </div>
    <div class="grid">
      <div class="cell">
        <div class="cell-box">
          <div class="cell-image-container" @click="gorouter('injection')">

            <img class="cell-image" src="https://landray.dingtalkapps.com/alid/app/report/images/ico-png/25.png" alt="">

          </div>
          <div class="cell-text">注资/增资</div>
        </div>
      </div>
      <div class="cell">
        <div class="cell-box">
          <div class="cell-image-container" @click="gorouter('account')">
              <img class="cell-image" src="https://landray.dingtalkapps.com/alid/app/report/images/ico-png/24.png" alt="">
          </div>
          <div class="cell-text">应收款</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
//引入本地数据
export default {
  name: "applist",
  props: ["bannerMetas"],
  data() {
    return {};
  },
  watch: {
    bannerMetas() {
      sessionStorage.setItem("userInfo", JSON.stringify(this.bannerMetas));
    }
  },

  mounted() {},
  methods: {
    gorouter(search) {
      sessionStorage.removeItem('cominf')
      sessionStorage.removeItem('Cusinf')
      this.$router.push({ path: `/${search}` });
    }
  }
};
</script>

<style>
.index-all-applist {
  margin-top: 16px;
  background-color: #fff;
  border-top-color: #e4e4e4;
  border-top-width: 1px;
  border-top-style: solid;
}

.applist-title {
  width: 100%;
  height: 49px;
  position: relative;
}

.applist-text {
  color: #999;
  font-size: 17px;
  position: absolute;
  top: 16px;
  left: 12px;
}
.grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.cell {
  width: 25%;
  position: relative;
  margin-bottom: 20px;
}
.cell-image-container {
  width: 50px;
  height: 49px;
  position: relative;
  border-radius: 10px;
  background-color: #f8f8f8;
  overflow: hidden;
  margin: 0 auto;
}
.cell-image {
  width: 50px;
  height: 49px;
  border-radius: 10px;
}
.cell-text {
  text-align: center;
  color: #323334;
  font-size: 13px;
  margin-top: 12px;
}
</style>